<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="app">vue 自定义事件</div>

  <script src="./src/vue.js"></script>
  <script>
    // vue 自定义事件
    let vm = new Vue()

    // 注册事件
    vm.$on('dataChange', () => {
      console.log('dataChange-1.')
    })

    vm.$on('dataChange', () => {
      console.log('dataChange-2.')
    })

    // 触发事件（发布消息）
    vm.$emit('dataChange')

  </script>
</body>

</html>
